<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<%@ include file="/common/taglibs.jsp"%>
	<title>菜单管理</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${ctx}/assets/css/bootstrap-tree.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx}/assets/plugins/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx}/assets/css/jsTree/style.min.css" rel="stylesheet" type="text/css" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
	
	<!-- begin #page-loader -->
	<div id="page-loader" class="fade in"><span class="spinner"></span></div>
	<!-- end #page-loader -->

    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
	
		<%@ include file="/common/header.jsp"%>
		<%@ include file="/common/slider.jsp"%>
		<div id="content" class="content">
		    <!-- BEGIN CONTENT HEADER-->
		    <ol class="breadcrumb pull-right">
				<li><a href="javascript:;"><fmt:message key="sys.healthcervix"/></a></li>
				<li><a href="javascript:;">系统设置</a></li>
				<li class="active">菜单管理</li>
			</ol>
			<h1 class="page-header">
				菜单管理  <!-- <small><fmt:message key="sys.healthcervix"/></small> -->
			</h1>
			
			<div class="row">
				<div class="col-md-3">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<div class="panel-heading-btn">
	                        	<a href="javascript:;" id="tree_2_collapse" class="btn btn-xs btn-success">收起</a>
								<a href="javascript:;" id="tree_2_expand" class="btn btn-xs btn-success">展开</a>
	                        </div>
							<h4 class="panel-title">菜单管理</h4>				
						</div>
						<div class="panel-body">
							<div id="tree_2" class="tree-demo">
							</div>
						</div>
					</div>
				</div>
				<!-- begin col-12 -->
				<div class="col-md-9">
					<!-- begin panel -->
					<div class="panel panel-inverse">
						<div class="panel-heading">					
							<h4 class="panel-title">菜单列表</h4>
						</div>
						<div class="panel-body">
	                        <p>
	                       		<a id="newMenuBtn" name="newMenuBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增目录</a>
	                      		<a id="newBtn" name="newBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增菜单</a>
	                      		<a id="newButtonBtn" name="newButtonBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增按钮</a> 
							</p>
							<table id="resListTable" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th>菜单名称</th>
										<th style="width: 30%;">链接地址</th>
										<th>权限标识</th>
										<th>排序</th>
										<th><fmt:message key="public.list.operation"/></th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
					<!-- end panel -->
				</div>
				<!-- end col-12 -->
			</div>
			
			<div class="modal fade" id="editDlg" name="editDlg">
				<div class="modal-dialog">
					<form id="editForm" name="editForm" action="#" class="form-horizontal">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title"></h4>
							</div>
							<div class="modal-body">
								<div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable">名称<span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                            <input type="hidden" name="id" id="id"/>
										<input type="hidden" name="type" id="type"/>
										<input type="hidden" name="treeType" id="treeType"/>
										<input type="hidden" name="parentId" id="parentId"/>
										<input type="hidden" name="hasChild" id="hasChild"/>
										<input type="text" name="name" id="name" class="form-control" placeholder="请输入名称"  style="width: 80%"/>
			                        </div>
		                    	</div>
		                    	<div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable">资源Key</label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="i18nKey" id="i18nKey" class="form-control" placeholder="请输入资源Key" style="width: 80%"/>
			                        </div>
			                    </div>
		                    	<div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable">访问地址<span id="urlrequired" class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="url" id="url" class="form-control" placeholder="请输入访问地址" style="width: 80%"/>
			                        </div>
			                    </div>
			                    <div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable">许可权标识<span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="permissions" id="permissions" class="form-control" placeholder="请输入许可权标识" style="width: 80%"/>
			                        </div>
			                    </div>
			                    <div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable">排序<span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="sortNum" id="sortNum" class="form-control" placeholder="请输入排序"  style="width: 80%"/>
			                        </div>
			                    </div>
							</div>
							<div class="modal-footer-dialog">
								<a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal"><fmt:message key="public.button_close"/></a>
								<button type="submit" class="btn btn-sm btn-primary"><fmt:message key="public.button_save"/></button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- END PAGE -->    
		
	</div>
	
	<%@ include file="/common/footer.jsp" %>
	<script src="${ctx}/assets/js/jquery.dataTables.js"></script>
	<script src="${ctx}/assets/js/DT_bootstrap.js"></script>
	<script src="${ctx}/assets/js/bootstrap-tree.js"></script>
	<script src="${ctx}/assets/js/jstree/dist/jstree.min.js"></script>
	<script src="${ctx}/assets/js/ui-tree.js"></script>
	<script src="${ctx}/js/resource/list.js?v=${ver}"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {       
			ResourcesManager.init();
		});
	</script>
</body>
<!-- END BODY -->
</html>